<template>
  <div>
    <h3>v-else和v-else-if</h3>

    <p v-if="flag">尊敬的vip,里面请</p>
    <p v-else>你谁呀,先登录</p>
    <hr>
    <p v-if="age >=31">31岁往上,全球旅游</p>
    <p v-else-if="age>= 20">20-30岁往上,跳广场舞</p>
    <p v-else-if="age >= 10">10-19岁往上,把妹</p>
    <p v-else>1-9岁往上,看动画片</p>
  </div>
</template>

<script>
// let a = 15
// if(a>20) {
//   console.log('我大于20');
// } else if(a>10) {
//   console.log('我大于10');
// } else {
//   console.log('我小于等于10');
// }

export default {
  data() {
    return {
      flag: true,
      age: 18
    }
  }
}
</script>

<style>

</style>